<template>
	<!-- 组件结构 -->
	<div class="school">
		<h2 @click="showName">学校名称:{{name}}</h2>
		<h2>学校地址:{{address}}</h2>
	</div>
</template>

<script>
	import {mixin,hunhe} from '../mixin.js'
	// 组件交互相关的代码(数据、方法等)
	// 创建school组件
	export default {
		name:'School',
		// data 要写成函数式
		data(){
			return{
				name:'尚硅谷',
				address:'北京',
				x:666
			};
		},
		mounted() {
			console.log('你好啊!!!!!!school')
		},
		// methods:{
		// 	showName(){
		// 		alert(this.name);
		// 	}
		// },
		
		mixins:[mixin,hunhe]
	};
	// export default school
</script>

<style>
	/* 组件的样式 */
	.school{
		background-color: #aa55ff;
		color: #ffff00;
	}
</style>
